<script setup>

    const props = defineProps({
        title: String,
    })

</script>

<template>
    <div class="screen-card-title font-b color-highlight">
        <div class="border-left"></div>
        {{ title }}
    </div>
</template>

<style lang="less" scoped>
    .screen-card-title{
        display: inline-block;
        line-height: 20px;
        font-size: 18px;
        padding: 10px 0;
        border-bottom: 1px solid #1854B6;
        margin: 34px 0 20px 23px;
        
        .border-left{
            display: inline-block;
            width: 6px;
            height: 20px;
            border-radius: 3px;
            background: var(--color-highlight);
            vertical-align: bottom;
            margin-right: 5px;
        }
    }
</style>